<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">   
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>唻设计</title>
 <link rel="stylesheet" href="css/lipe.css"/>
<script type="text/javascript" src="${ctx}/resources/plugins/jquery-easyui-1.4.3/jquery.min.js"></script>
</head>
<!--  onbeforeunload="return '不要随便关闭这个窗口'" -->
<body>
   <%@ include file="/header.jsp"%> 

 <div id="content">
    <!-- slide-->
    <section class="container-fuld slide-box">
        <div class="slide-cop">
            <div class="slide">
                <a href=""><img class="index_img" src="images/temp/1.jpg" alt=""/></a>
            </div>
            <div class="slide">
			<!--这个class="index_img"是我自己加的，我在css最后一个位置对这个class进行了描述（刘江）-->
                <a href=""><img class="index_img" src="images/temp/all-search-bg.jpg" alt=""/></a>
            </div>
            <div class="slide">
                <a href=""><img class="index_img" src="images/temp/2.jpg" alt=""/></a>
            </div>
        </div>
    </section>
    <!-- //slide-->

    <!-- large menu-->
    <section class="container">
        <div class="large-menu">
            <a href="#" class="btn btn-lg btn-tran lm-1">
                <i class="icon icon-protect"></i>
                <h3>体系保护</h3>
            </a>
            <a href="#" class="btn btn-lg btn-tran lm-1">
                <i class="icon icon-safe"></i>
                <h3>装修险</h3>
            </a>
            <a href="#" class="btn btn-lg btn-tran">
                <i class="icon icon-money"></i>
                <h3>装修贷</h3>
            </a>
        </div>
    </section>
    <!-- //large menu-->

    <!--about lipe-->
    <div class="container margin-bottom-lg">
        <h2 class="title-lg">关于LIPE</h2>
        <div class="text-content">
           <p class="txt"><strong>公司理念：</strong>
               <span class="txt-gray">引领与定义中国新型装修设计网络产业生态链。</span>
           </p>
           <p class="txt"><strong>总 目 标：</strong>
               <span class="txt-gray">运用AR/VR技术为主体，让用户体验虚拟现实和增强现实融合的家居设计，来一场行业的裂变式推动。</span>
           </p>
           <p class="txt"><strong> 产品目标：</strong>
               <span class="txt-gray">完善并大力推广“LIPE”软件平台，使其产品线覆盖中国移动互联网装修设计软件市场。</span>
           </p>
           <p class="txt"><strong>品牌目标： </strong>
               <span class="txt-gray">二年内，开辟出装修设计新型网络交易生态链平台，公司及其产品成为装修设计软件新领域领先品牌。</span>
           </p>
        </div>
    </div>
    <!--//about lipe-->

    <!--about lipe-->
    <div class="container margin-bottom-base">
        <h2 class="title-lg">LIPE生态</h2>
        <div class="text-content">
           <p class="gray-txt txt">集室内设计师、顾客、建材商为一体的交易生态链，为顾客提供优质有保障的建筑材料、免费快捷的直观虚拟设计，
               为建筑商提供推广渠道和销售搭配平台，三者形成生态圈，相互拉动，设计师带来自己的已有顾客，
               装修材料的安全保障吸引顾客，而大量新装修顾客又吸引设计师，顾客及设计师的购材需求吸引建材商的入驻，设计师收取建材的设计佣金，顾客得到物美价廉的材料及精美设计，建材商薄利多销直观体现材料的搭配格调效果，以此形成一个循环的整体。
           </p>
        </div>
    </div>
    <!--//about lipe-->

    <!-- large menu-->
    <section class="container">
        <div class="large-menu">
            <a href="#" class="btn btn-lg btn-tran lm-1">
                <i class="icon icon-design"></i>
                <h3>设计师<br/>Designer</h3>
            </a>
            <a href="#" class="btn btn-lg btn-tran lm-1">
                <i class="icon icon-software"></i>
                <h3>设计软件<br/>Software</h3>
            </a>
            <a href="#" class="btn btn-lg btn-tran">
                <i class="icon icon-business"></i>
                <h3>商业生态<br/>Business</h3>
            </a>
        </div>
    </section>
    <!-- //large menu-->

    <!--tip-info-->
    <section class="container tip-info">
        <div class="pull-left ik-1">
            为设计师提供专业便捷的设计平台
        </div>
        <div class="pull-left ik-t">
            整合2D、3D制图以及后期渲染的高效设计支持
        </div>
        <div class="pull-left">
            集室内设计师、顾客、建材商为一体的交易生态链
        </div>
    </section>
  </div>
     <%@ include file="/footer.jsp"%>


   <script>
       $(document).ready(function () {
           $("#headmenu li a").removeClass("active");
           var $this = $("#headmenu li a[id='page3']")
           $this.addClass("active");
       });
   </script>
</body>
</html>